﻿@model IEnumerable<AncientLand.Service.Entity.Photos>
@{
    ViewBag.Title = "写真-作品展示";
}
<script type='text/javascript' src='@Url.Content("~/Scripts/galleria/galleria-1.2.3.min.js")'></script>
<div class="page-contents clearfix">
    <!-- Featured Block Start -->
    <div id="awfeatured">
        <!-- Preload Helper -->
        <div class="awshowcase-preload">
            <!-- List DIV -->
            <div id="showcase" class="showcase">
                @foreach (var item in Model)
                {
                    <!-- Slide Start-->
                    <div class="showcase-slide">
                        <!-- Linked Slide Image -->
                        <a href="#">
                            <img src="@Url.Content("~" + item.ImgPath)" alt="@item.Title" />
                        </a>
                        <!-- Thumbnail of current Slide -->
                        <div class="showcase-thumbnail">
                            <img src="@Url.Content("~" + item.ThumbnailPath)" alt="@item.Title" />
                        </div>
                        <!-- Title and Caption of current Slide -->
                        <div class="showcase-caption">
                            <h3>
                                <a href="#">@item.Title</a>
                            </h3>
                            <h4>
                                @item.Content
                            </h4>
                        </div>
                    </div>
                    <!-- End of Slide -->
                }
            </div>
        </div>
    </div>
    @* <div class="fullpage-contents-wrap">
        <div>
            <div class="entry-content-wrapper">
                <h1 class="entry-title">
                    <cufon class="cufon cufon-canvas" alt="Photograph Show " style="width: 103px; height: 22px;"><canvas width="119" height="23" style="width: 119px; height: 23px; top: 1px; left: 0px;"></canvas><cufontext>Photograph Show </cufontext></cufon>
                    <cufon class="cufon cufon-canvas" alt="Galleria" style="width: 80px; height: 22px;"><canvas width="90" height="23" style="width: 90px; height: 23px; top: 1px; left: 0px;"></canvas><cufontext>Galleria</cufontext></cufon>
                </h1>
                <div class="entry-content clearfix">
                    <h3>
                        古韵</h3>
                    <div class="clear">
                    </div>
                    <div id="galleria">
                        <img src="@Url.Content("~/images/page/full/full01.jpg")" alt="galleria_image" />
                        <img src="@Url.Content("~/images/page/full/full02.jpg")" alt="galleria_image" />
                        <img src="@Url.Content("~/images/page/full/full03.jpg")" alt="galleria_image" />
                        <img src="@Url.Content("~/images/page/full/full04.jpg")" alt="galleria_image" />
                    </div>
                    <div class="clear">
                    </div>
                    
                </div>
            </div>
            <!-- .entry-content -->
        </div>
        <!-- #post-## -->
    </div>*@
</div>
<script type="text/javascript">
    var mtheme_galleria_uri = '@Url.Content("~/Scripts/galleria/")'; Galleria.loadTheme(mtheme_galleria_uri + 'galleria.classic.js'); jQuery('#galleria').galleria({ autoplay: 5000, transitionSpeed: 600, thumbCrop: true, transition: 'fadeslide', showCounter: false, imageCrop: true, width: 880, height: 600, imageCrop: true });

    jQuery(window).bind("load", function () {
        jQuery('.awshowcase-preload:hidden').fadeIn(800);
        jQuery("#showcase").awShowcase({
            content_width: 960,
            content_height: 530,
            hundred_percent: false,
            auto: true,
            interval: 3000,
            continuous: true,
            loading: false,
            tooltip_width: 200,
            tooltip_icon_width: 32,
            tooltip_icon_height: 32,
            tooltip_offsetx: 18,
            tooltip_offsety: 0,
            arrows: true,
            buttons: false,
            btn_numbers: false,
            keybord_keys: true,
            mousetrace: false,
            pauseonover: true,
            transition: 'hslide', /* hslide/vslide/fade */
            transition_delay: 300,
            transition_speed: 500,
            show_caption: 'onload', /* onload/onhover/show */
            thumbnails: true,
            thumbnails_position: 'outside-last', /* outside-last/outside-first/inside-last/inside-first */
            thumbnails_direction: 'horizontal', /* vertical/horizontal */
            thumbnails_slidex: 1, /* 0 = auto / 1 = slide one thumbnail / 2 = slide two thumbnails / etc. */
            dynamic_height: false,
            speed_change: true,
            viewline: false
        });
    });    
</script>

